<template>
	<view class="lawRecord-page">
		<u-navbar :isBack="true" title="咨询记录" title-color="#111111" back-icon-color="#111111"
			:background="{background: 'white'}" :borderBottom="false"></u-navbar>
		<view class="flex-col-start law-record-item">
			<view class="flex-row-start">
				<u-image width="96" height="96" shape="circle"></u-image>
				<view class="flex-col-start"
					style="margin-left: 20rpx; align-items: flex-start; height: 96rpx;justify-content: space-between;">
					<view style="color: rgba(17, 17, 17, 1); font-weight: bold;font-size: 32rpx;">178 4657 3489</view>
					<view style="color: #999999;; font-weight: 500;font-size: 28rpx;">咨询时间：2023-10-25 09:54:39</view>
				</view>
			</view>
			<view class="flex-row-start" style="margin-top: 28rpx; width: 100%; justify-content: space-between;">
				<view class="flex-col-start">
					<view class="title2">￥100.00</view>
					<view class="desc2">计费单价(元/时)</view>
				</view>
				<view class="flex-col-start">
					<view class="title2">2时45分23秒</view>
					<view class="desc2">通话时长</view>
				</view>
				<view class="flex-col-start">
					<view class="title2">3h</view>
					<view class="desc2">咨询时长(小时)</view>
				</view>
			</view>
			<view class="flex-row-start" style="margin-top: 30rpx; width: 100%; justify-content: space-between;">
				<view style="font-weight: bold;font-size: 36rpx;color: #FC7404;">
					￥300.00
				</view>

				<view class="flex-row-center" style="width: 160rpx;
height: 68rpx; border-radius: 8rpx; background: #CCCCCC; color: white;font-weight: 500;
font-size: 28rpx;">
					已支付
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				dataArr: [1, 2, 3]

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.law-record-item {
		margin: 0 32rpx;
		width: 686rpx;
		padding: 28rpx 2rpx;
		border: 1px solid rgba(245, 245, 245, 1);
		align-items: flex-start;

		.title2 {
			font-weight: bold;
			font-size: 28rpx;
			color: #333333;

		}

		.desc2 {
			margin-top: 20rpx;
			font-weight: 500;
			font-size: 24rpx;
			color: #999999;
		}

	}
</style>